<div class="works-list" [ngStyle]="tagData.cssStyle | styleFilter">
  <div class="head" *ngIf="tagData.data?.headDiv" [ngStyle]="tagData.data.headDiv.headCssStyle | styleFilter">
    <div class="head-img" [ngStyle]="tagData.data.headDiv.imgCssStyle | styleFilter">
      <img [src]="tagData.data.headDiv.img+'?x-oss-process=image/resize,m_fill,h_501'" />
    </div>
    <div class="head-right">
      <p class="first">
        <span class="first-text">{{tagData.data.headDiv.firstText}}</span>
        <span class="first-icon"><img [src]="tagData.data.headDiv.firstIcon" [ngStyle]="tagData.data.headDiv.firstIconCssStyle | styleFilter"
          onerror="this.src='assets/icon/list_icon_location@3x.png'"/>{{tagData.data.headDiv.firstIconText}}</span>
      </p>
      <p class="second" [ngStyle]="tagData.data.headDiv.secondCssStyle | styleFilter">
        <span class="second-text">{{tagData.data.headDiv.secondTextName}}</span>
        <span class="second-value">{{tagData.data.headDiv.secondTextValue}}</span>
      </p>
      <p class="third">
        <span class="third-left" *ngIf="tagData.data.headDiv.thirdTextName">
          <span class="name">{{tagData.data.headDiv.thirdTextName}}</span>
          <span class="value" [ngStyle]="tagData.data.headDiv.leftValueCssStyle | styleFilter">{{tagData.data.headDiv.thirdTextValue}}</span>
        </span>
        <span class="third-right" *ngIf="tagData.data.headDiv.thirdTextNameRight">
          <span class="name">{{tagData.data.headDiv.thirdTextNameRight}}</span>
          <span class="value" [ngStyle]="tagData.data.headDiv.rightValueCssStyle | styleFilter">{{tagData.data.headDiv.thirdTextValueRight}}</span>
        </span>
      </p>
    </div>
  </div>

  <div *ngFor="let item of tagData.data.data" class="list-content">
    <!--图片大于两张时-->
    <ng-container *ngIf="item.imageUrl.length > 2; else elseTemplate">
      <div class="content-img">

        <div *ngFor="let ite of item.imageUrl.slice(0,1);let i = index" class="img-left" appDebounceClick (debounceClick)="openImage(i,item.imageUrl)">
          <img [src]="ite+'?x-oss-process=image/resize,m_fill,h_501'" [ngStyle]="item.leftImgCssStyle | styleFilter"/>
        </div>

        <div class="img-right">
          <ng-container *ngFor="let ite of item.imageUrl.slice(1,3);let i = index">
            <div>
              <img [src]="ite+'?x-oss-process=image/resize,m_fill,h_201'" appDebounceClick (debounceClick)="openImage(i + 1,item.imageUrl)"
              [ngClass]="{'radius-rightTop': i === 0,'radius-rightBottom': i > 0}" />
            </div>
          </ng-container>
        </div>
        
      </div>     
    </ng-container>
    <!--小于三张-->
    <ng-template #elseTemplate>
      <div *ngFor="let ite of item.imageUrl;let i = index" class="content-img" appDebounceClick (debounceClick)="openImage(i,item.imageUrl)">
        <img [src]="ite+'?x-oss-process=image/resize,m_fill,h_501'" [ngClass]="{'radius-top': i === 0}" [ngStyle]="item.imgCssStyle | styleFilter"/>
      </div>      
    </ng-template>
    <p class="list-label">{{item.seconedLabel.label}}</p>
    <div class="list-btn" [ngStyle]="item.thirRowRight.boxCssStyle | styleFilter">
      <ng-container *ngFor="let ite of item.thirRowRight.iconList">
        <span class="btn" [ngStyle]="ite.cssStyle | styleFilter" appDebounceClick (debounceClick)="presentAlertWithMsgBtn(ite)">{{ite.label}}</span>
      </ng-container>
    </div>
  </div>
  <div class="noData" *ngIf="(tagData.data?.data?.length < 1)||(!tagData.data?.data)">
    <span class="noData-span" [innerHTML]="tagData.hint | parseStyle"></span>
  </div>
</div>
